<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #radios{
            display: block;
        }
        #div1{
            display: none;
        }
    </style>
    <script>
        function changeP() {
            let div = document.getElementById("div1");
            div.style.display="none";
            let radios = document.getElementById("radios");
            radios.style.display="block";
        }

        function changD() {
            let radios = document.getElementById("radios");
            radios.style.display="none";
            let div = document.getElementById("div1");
            div.style.display="block"
        }
    </script>
</head>
<body>
<input type="radio" id="price1" name="js" onclick="changeP()" checked>根据面积、单价计算<br>
<div id="radios">
    单价：<input>元<br>
    面积：<input>平方米
</div>
<input type="radio" id="price2" name="js" onclick="changD()">根据贷款总额
<div id="div1">
    贷款：<input type="text">元
</div>
</body>
</html>